<link href="../addons/jy_zhongyi/resource/css/weui.css" rel="stylesheet">
<link href="../addons/jy_zhongyi/resource/css/zan.css?v=1" rel="stylesheet">
<style>
  html,
        body {
            position: static;
            height: auto;
            -webkit-overflow-scrolling: touch;
        }

        .his-float-box {
            background: #FFF;
        }

        .float-box-inner {
            text-align: center;
            display: inline-block !important;
            width: 25%;
            -webkit-align-items: center;
            align-items: center;
            margin: 0;
            position: relative;
            padding: 4px 0 20px 0;
        }

        .float-box-inner .money {
            text-align: center;
            display: inline-block;
            vertical-align: middle;
        }

        .float-box-inner .money .box-icon {
            display: inline-block;
            width: 22px;
            height: 22px;
            background-size: 100%;
            margin-bottom: 8px;
        }


        .weui-panel:after, .weui-panel:before, .weui-panel__hd:after {
            height: 0;
            border-bottom: none;
            border-top: none;
        }

        .weui-cell_access:active {
            background-color: transparent;
        }

        .more:after {
            border-color: #999;
            border-width: 1px 1px 0 0;
        }

        .bind-user:last-child {
            margin-bottom: 0!important;
        }


        .add-family {
            position: relative;
            padding-left: 14px!important;
            line-height: initial;
            float: right;
        }

        .add-family:before, .add-family:after {
            content: '';
            position: absolute;
            width: 1px;
            height: 21px;
            display: inline-block;
            background: #C03E3E;
            -webkit-transform: translateY(-50%) scale(0.5);;
            transform: translateY(-50%) scale(0.5);
            left: 5px;
            top: 50%;
        }
        .add-family:after {
            width: 21px;
            height: 1px;
            left: -5px;
        }
        .his-spliter{
            background: rgba(255, 255, 255, 0.5);
        }
        #viewInfo.weui-cell_access .weui-cell__ft:after, #viewInfo.weui-cell:before{
            display: none;
        }

        .my-order{
            background: url('../../resources/images/personal_icon/right_arrow.png') no-repeat left top 6px;
            background-size: 4px;
        }

        .card_lg{
            position: absolute;
            right: 0;
            bottom: 0;
            width: 103px;
            height: 56px;
        }

        @media screen and (min-width:300px) and (max-width:374px){
            .card_lg{
                position: absolute;
                right: 0;
                bottom: 0;
                width: 82px;
                height: 45px;
            }
        }

        #person_setting{
            color: rgba(255, 255, 255, 0.6);
            text-align: right;
            position: absolute;
            right:0;
            top:-12px;
        }

        #member_signal{
            position: absolute;
            right: 0;
            bottom: -4px;
            display: none;
        }

        #member_signal img{
            height: 18px;
            width: 18px;
        }
        .weui-tabbar__item .icon-home{
            position: relative;
        }
        .dot-consult {
            width: 8px;
            min-width: 0;
            height: 8px;
            background: rgb(192, 62, 62) !important;
            border-radius: 100%;
            position: absolute;
            top: 2px;
            right: -4px;
            -webkit-transform: translate(50%,-50%);
            transform: translate(50%,-50%);
            -webkit-transform-origin: 100%;
            transform-origin: 100%;
        }
        .dot-consult-icon {
            position: absolute;
            top: 7px;
            right: 0;
        }
</style>
<div class='fui-page order-create-page'>
<div class="view-content" style="padding-bottom: 52px;">
    <div id="month_bills" class="padding-0-12 middle-color his-flex his-hide" style="justify-content: initial;-webkit-justify-content: initial;background: #F9EEE3">
        <span class="icon-laba font18"></span>
        <div class="padding-10-12 font13 lineHeight18" style="flex: 1;">
            <p>您的<span id="current_month"></span>月账单已出，<span id="view_month_bills" class="red-color">点击查看</span></p>
        </div>
        <i id="month_bills_close" class="icon-close"></i>
    </div>
    <div id="bg" class="weui-cells red-background" style="padding: 24px 12px;position: relative;">
        <div id="viewInfo" class="weui-cell weui-cell_access unlogin" style="padding:0">
            <div id="person_setting" ng-click="access_json('jy_zhongyi/set/')">
                <i class="icon icon-setting" style="margin-bottom: 2px;"></i>
                <span class="font13">账户管理</span>
            </div>
            <div class="weui-cell__hd marginRight10" style="width: 60px;height: 60px;overflow: hidden;position: relative;">
                <img ng-src="{{tomedia(pagedata.item.avatar) || '../core/resource/images/nopic.jpg'}}" style="width: 100%;height: 100%;border-radius: 50%;"/>
                <div id="member_signal">
                    <img src="../addons/jy_zhongyi/resource/images/huiyuan_icon.png" alt="">
                </div>
            </div>
			<div class="weui-cell__bd">
                <div>
                    <div class="marginBottom5 white-color">{{pagedata.item.nickname}}</div>
                    <div class="font15 white-color">{{pagedata.user.year}}岁 | {{pagedata.user.sex}} | {{pagedata.item.mobile}}</div>
                </div>
            </div>
            <div class="weui-cell__ft"></div>
        </div>
        <div id="has_card" class="card_lg" style="display: none;">
            <a id="card_link_to_user" href="">
                <img src="../../resources/images/personal_icon/card_zan_logo.png" alt="" style="width: 100%;">
            </a>
        </div>
    </div>
    <div id="kaitonghuiyuan" class="red-background padding-0-12" style="display: none;">
        <a href="">
            <img src="../../resources/images/personal_icon/kaitonghuiyuan.png" alt="" style="width: 100%;vertical-align: bottom;">
        </a>
    </div>
	<div ng-if="pagedata.setting.no_order!=1" class="fui-cell-group fui-cell-click mod-group">
							<a class="fui-cell external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')">
								<div class="fui-cell-text bold">我的问诊</div>
								<div class="fui-cell-remark" style="font-size: 0.65rem;">查看问诊记录</div>
							</a>
							<div class="fui-icon-group col-5 selecter">
								<a class="fui-icon-col-sm external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order//status=0')">
									<div class="icon icon-green radius"><i class="icon icon-daifukuan1"></i></div>
									<div class="text">待付款</div>
								</a>
								<a class="fui-icon-col-sm external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order//status=1')">
									<div class="icon icon-orange radius"><i class="icon icon-yuding"></i></div>
									<div class="text">待问诊</div>
								</a>
								<a class="fui-icon-col-sm external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order//status=2')">
									<div class="icon icon-blue radius"><i class="icon icon-survey1"></i></div>
									<div class="text">问诊中</div>
								</a>
								<a class="fui-icon-col-sm external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order//status=3')">
									<div class="icon icon-blue radius"><i class="icon icon-fenlei2"></i></div>
									<div class="text">问诊结束</div>
								</a>
								<a class="fui-icon-col-sm external" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order//status=6')">
									<div class="icon icon-pink radius"><i class="icon icon-tuihuanhuo1"></i></div>
									<div class="text">已退款</div>
								</a>
							</div>
			<a class="fui-cell external" href="javascript:;" ng-click="access_json('jy_zhongyi/worker_goods.log/')">
				<div class="fui-cell-text bold">我的项目订单</div>
				<div class="fui-cell-remark" style="font-size: 0.65rem;">查看记录</div>
			</a>
			<a class="fui-cell external" href="javascript:;" ng-click="access_json('jy_kabao/orderlist/')">
				<div class="fui-cell-text bold">我的领卡奖励</div>
				<div class="fui-cell-remark" style="font-size: 0.65rem;">查看</div>
			</a>
	</div>
    <div class="weui-panel marginBottom10">
        <div class="weui-panel__hd his-flex" style="padding: 20px 26px 20px 12px;">
            <div>
			<span class="fontBold deep-color">健康档案</span>
			<span id="user_count" class="font11 light-color"></span>
            </div>
            <a href="javascript:;" ng-click="access_json('jy_zhongyi/body_list/edit/')" class="font13 link red-color add-family">
			添加家人
			</a>
        </div>
        <div class="weui-panel__bd">
            <div id="user_list">
				<div class="fui-list-group" style="background:#fff;padding:0.25rem 0.5rem;margin-top:0">
					<div class="fui-list" ng-repeat="item in pagedata.list" style="border-radius:0.5rem;margin-bottom:0.3rem;background:#f2f2f2">
					   <div class="fui-list-inner" style="margin-top:0.16rem">
							<div class="title" style="font-size:0.76rem;height:2rem;line-height:2rem">
								<span>{{item.name}}</span>
								<span ng-if="item.isfa==1" style="padding-left:0.5rem">
								<div class="btn btn-sm btn-default-o order-delete">本人</div>
								</span>
							</div>
							<div class="subtitle" style="-webkit-line-clamp:2;height:1.5rem">
								{{item.year}}岁 | {{item.sex}} | {{item.mobile}}
							</div>
						</div>
						<div ng-click="access_json('jy_zhongyi/profile_list//id='+item.id)" class='fui-list-angle' style="font-size:0.8rem;color:#C03E3E">
							 <div class="angle">看诊记录</div>
						</div>
					</div>
				</div>
			</div>
            <div id="show_more_user" ng-if="pagedata.list.length>1" class="padding1612 his-center">
                <a class="middle-color font13 link" href="javascript:;" ng-click="access_json('jy_zhongyi/body_list//')">查看家人列表</a>
            </div>
        </div>
    </div>
    <div class="weui-panel marginBottom10">
        <div class="weui-panel__hd fontBold deep-color" style="padding: 20px 12px;">常用功能</div>
        <div class="weui-panel__bd">
            <div class="his-float-box his-flex">
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')">
                    <div class="money">
                        <i class="icon-wodeyuyue box-icon"></i>
                        <div class="deep-color font13">我的预约</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('core/member.address/')">
                    <div class="money">
                        <i class="icon-shouhuodizhi box-icon"></i>
                        <div class="deep-color font13">收货地址</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_worker/')">
                    <div class="money">
                        <i class="icon-kanzhenyisheng box-icon"></i>
                        <div class="deep-color font13">看诊的大夫</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_worker/')">
                    <div class="money">
                        <i class="icon-carelist box-icon"></i>
                        <div class="deep-color font13">关注的大夫</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="weui-panel marginBottom10">
        <div class="weui-panel__hd fontBold deep-color" style="padding: 20px 12px;">我的资产</div>
        <div class="weui-panel__bd">
            <div class="his-float-box his-flex">
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('core/member.wxcard/main/')">
                    <div class="money">
                        <i class="icon-huiyuanka box-icon"></i>
                        <div class="deep-color font13">会员卡</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_weishop/coupon.myindex/')">
                    <div class="money">
                        <i class="icon-youhuiquan box-icon" style="width: 24px;height: 24px;"></i>
                        <div class="deep-color font13">优惠券</div>
                    </div>
                </a>
				<a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_kefu/home//')">
                    <div class="money">
                        <i class="icon-wodetiwen box-icon" style="position: relative;" id="consult"></i>
                        <div class="deep-color font13">快速咨询</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/baoming.order/')">
                    <div class="money">
                        <i class="icon-wodejiangzuo box-icon"></i>
                        <div class="deep-color font13">我的讲座</div>
                    </div>
                </a>
				<a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')">
				    <div class="money">
				         <!--<i class="icon-wodezhanke box-icon"></i>
				        <div class="deep-color font13">我的专科</div>-->
				    </div>
				</a>
            </div>
            <!--<div class="his-float-box his-flex">   
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')">
                    <div class="money">
                        <i class="icon-wodejiangzuo box-icon"></i>
                        <div class="deep-color font13">我的讲座</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')">
                    <div class="money">
                        <i class="icon-wodebaoxian box-icon"></i>
                        <div class="deep-color font13">我的保险</div>
                    </div>
                </a>
                <a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_kefu/home//')">
                    <div class="money">
                        <i class="icon-wodetiwen box-icon" style="position: relative;" id="consult"></i>
                        <div class="deep-color font13">快速咨询</div>
                    </div>
                </a>
				<a class="float-box-inner" href="javascript:;" ng-click="access_json('jy_zhongyi/yuyue_order/')" style="visibility: hidden !important;">
				    <div class="money">
				        <i class="icon-wodezhanke box-icon"></i>
				        <div class="deep-color font13">我的专科</div>
				    </div>
				</a>
            </div>-->
        </div>
    </div>
</div>
<div ng-include="sys_html('common/pluginnav',true)"></div>
<script type="text/javascript">
scope.tool.get_list('jy_zhongyi/body_list/getlist/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_zhongyi/body_list/getlist/');
}
</script>